<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
</head>
<body>
    <button onclick="run()">暂停</button>
    <button onclick="state()">开始</button>
    <script>
        var cont = 0;
          // setInterval()生成一个定时器 参数1是定时执行的函数 参数2是间隔执行的时间单位毫秒
        // time得到的是setInterval()的返回值
        // 定时器编码
        var time = setInterval(function () {
            cont++;
            console.log("定时器被执行了",cont);
        },200);
        
        function run(){
            //销毁一个定时器 参数是定时器编码
            clearInterval(time);
        }

        function state() {
             // 生成一个新的定时器
            time = setInterval(function () {
                cont++;
            console.log("定时器被执行了",cont);
        },200);
        }
          // setTimeout()延迟器 延迟执行一段代码,只执行一次
        // 参数1是延迟执行的函数
        // 参数2是延迟时间 单位毫秒
        // 返回值是延迟器编码
        var time2 = setInterval(function () {
            console.log("setTimeout被执行了");
        },1000)
  // 销毁一个延迟器 参数是延迟器编码
       
        clearTimeout(time2);
    </script>
</body>
</html>